<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<div id="container">
  <h4>订单信息</h4>
  <p>订单编号:{{ order.orderId }}</p>
  <hr>
  <ul>
    <li v-for="item in order.orderItems">
      <div>
        <div style="height: 60px; background: lightgoldenrodyellow; border: 1px darkgray; width: 600px;">
          <img :src="'static/pimgs/' + item.productImg" height="30">
          {{ item.productName }}
        </div>
        <br>
        <p>
          评价类型: <input type="radio" value="1" name="comm-type">好评
          <input type="radio" value="1" name="comm-type">中评
          <input type="radio" value="1" name="comm-type">差评
          <br>
          是否匿名: <input type="radio" value="1" name="is_anonymous">匿名
          <input type="radio" value="1" name="is_anonymous">不匿名
        </p>
        评价内容: <textarea cols="40" rows="4" name="comm_content"></textarea>
      </div>
    </li>
  </ul>
  <input type="button" value="提交">
</div>
<script type="text/javascript" src="static/js/vue.js"></script>
<script type="text/javascript" src="static/js/axios.min.js"></script>
<script type="text/javascript" src="static/js/cookie-utils.js"></script>
<script type="text/javascript" src="static/js/base.js"></script>

<script type="text/javascript">
  var baseUrl = "http://localhost:8080";

  var vm = new Vue({
    el: "#container",
    data: {
      order: {}
    },
    created() {
      //获取到订单信息
      var jsonStr = localStorage.getItem("order")
      if (jsonStr != null) {
        localStorage.removeItem("order")
        this.order = eval("(" + jsonStr + ")")
      }
      console.log(this.order)
    }
  })
</script>
</body>

</html>
